<!DOCTYPE html>

<html>
<head>
	<meta charset="UTF-8">
	<title>Color The Bunny</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">


<!-- Start Slider HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
	<script type="text/javascript" src="engine1//jquery.js"></script>
<!-- End Slider HEAD section -->



<!-- Start Slider HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
	<script type="text/javascript" src="engine1//jquery.js"></script>
<!-- End Slider HEAD section -->



<!-- Start Slider HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine2//style.css" media="screen" />
	<script type="text/javascript" src="engine2//jquery.js"></script>
<!-- End Slider HEAD section -->



<!-- Start Slider HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine3//style.css" media="screen" />
	<script type="text/javascript" src="engine3//jquery.js"></script>
<!-- End Slider HEAD section -->



<!-- Start Slider.com HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
	<script type="text/javascript" src="engine1//jquery.js"></script>
<!-- End Slider HEAD section -->



<!-- Slider HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
	<script type="text/javascript" src="engine1//jquery.js"></script>
<!-- End Slider HEAD section -->

</head>
<body>
	<div id="background">
		<div id="page">
			<div id="header">
				<div id="logo">
					<a href="index.html"><img src="images/logo.png" alt="LOGO" height="88" width="244"></a>
				</div>
				<div id="navigation">
					<ul>
						<li class="selected">
							<a href="index.html">Home</a>
						</li>
						<li>
							<a href="color.html">Colors<br>
						  </a>
					  </li>
						<li>
							<a href="alphabets.html">Alphabets</a>
						</li>
						<li>
							<a href="game.html">Play Game</a>
						</li>
						<li>
							<a href="aboutus.html">About Us</a>
						</li>
					
						<li></li>
					</ul>
				</div>
			</div>
			<div id="contents">
				<div id="adbox">
					<img src="images/Heder.png" alt="Img" width="852" height="272">








<!-- Start Slider BODY section id=wowslider-container1 -->
	<div id="wowslider-container1">
	<div class="ws_images"><ul>
<li><img src="data1/images/help_your_kids_to_set_it_up.jpg" alt="Help your kids to set it up" title="Help your kids to set it up" id="wows1_0"/></li>
<li><img src="data1/images/kids_are_enthusiastics_learning_from_computer.jpg" alt="Kids are enthusiastics learning from computer" title="Kids are enthusiastics learning from computer" id="wows1_1"/></li>
<li><img src="data1/images/let_them_learn_and_happy.jpg" alt="Let them learn and happy" title="Let them learn and happy" id="wows1_2"/></li>
<li><img src="data1/images/let_your_kids_learn_about_colors.jpg" alt="Let your kids learn about colors" title="Let your kids learn about colors" id="wows1_3"/></li>
<li><img src="data1/images/technology_is_there_and_so_this_website.jpg" alt="Technology is there and so this website" title="Technology is there and so this website" id="wows1_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Help your kids to set it up"><img src="data1/tooltips/help_your_kids_to_set_it_up.jpg" alt="Help your kids to set it up"/>1</a>
<a href="#" title="Kids are enthusiastics learning from computer"><img src="data1/tooltips/kids_are_enthusiastics_learning_from_computer.jpg" alt="Kids are enthusiastics learning from computer"/>2</a>
<a href="#" title="Let them learn and happy"><img src="data1/tooltips/let_them_learn_and_happy.jpg" alt="Let them learn and happy"/>3</a>
<a href="#" title="Let your kids learn about colors"><img src="data1/tooltips/let_your_kids_learn_about_colors.jpg" alt="Let your kids learn about colors"/>4</a>
<a href="#" title="Technology is there and so this website"><img src="data1/tooltips/technology_is_there_and_so_this_website.jpg" alt="Technology is there and so this website"/>5</a>
</div></div>
<span class="wsl"><a href="http://wowslider.com">Responsive Slider</a> by WOWSlider.com v4.6</span>
	<a href="#" class="ws_frame"></a>
	<div class="ws_shadow"></div>
	</div>
	<script type="text/javascript" src="engine1//wowslider.js"></script>
	<script type="text/javascript" src="engine1//script.js"></script>
<!-- End Slider BODY section -->

<h1>&nbsp;</h1>
				<table width="858" border="0">
				  <tr>
				    <th width="180" height="257" style="text-align: center" scope="col"><img src="images/joomla30.png" width="109" height="109"  alt=""/></th>
				    <th width="167" style="text-align: center" scope="col"><img src="images/gavern_plus_bootstrap.png" width="109" height="109"  alt=""/></th>
				    <th width="193" style="text-align: center" scope="col"><img src="images/responsive_design.png" width="109" height="109"  alt=""/></th>
                    
                    <th width="300" > <table width="300" border="0" align="center" cellpadding="0" cellspacing="1">
<tr>
<td height="252">
<h1><a href="#" id="css"></a>USER LOGIN</h1>
<form action="test.php">
         <!--  action = "login.php"  -->
         <table width="250px">
           <tr></tr>
           <tr></tr>
           <tr></tr>
           <tr>
             <td></td>
           </tr>
           <tr>
             <td></td>
           </tr>
           <tr>
             <td valign="top">Login ID:</td>
             <td valign="top"><input type="text" name="first_name" maxlength="25" size="25" /></td>
           </tr>
           <tr>
             <td valign="top"">Password:</td>
             <td valign="top"><input type="password" name="last_name" maxlength="25" size="25" /></td>
           </tr>
           <tr>
             <td colspan="5" style="text-align:center"><input type="submit" value="Submit" /><br><a href ="signup.html">Sign Up</a></td>
           </tr>
         </table>
         
         </form>
</td>
</tr>
</table></th>
			      </tr>
				  <tr>
				    <td style="text-align: center"><h2>Objective</h2>
			        <p>We want to help kids to learn about Alphabets and Colors through a little flash and game!!</p></td>
				    <td style="text-align: center"><h2>Features</h2>
			        <p>This website will help your kids with tutorials and games, you can find it on the menu above. :)</p></td>
				    <td style="text-align: center"><h2> Developer</h2>
			        <p>The A*Team - James Cook University - MIT - SP52-2013 - E-Business Technology   </p>
			        <p>&nbsp;</p></td>
			      </tr>
                  
				  </table>
				</div>
			</div>
		</div>
		<div id="footer">
			<div>
				<ul class="navigation">
					<li>
							<a href="index.html">Home</a>
						</li>
						<li>
							<a href="color.html">Colors<br>
						  </a>
					  </li>
						<li>
							<a href="alphabets.html">Alphabets</a>
						</li>
						<li>
							<a href="game.html">Play Game</a>
						</li>
						<li>
							<a href="aboutus.html">About Us</a>
						</li>
					
						</ul>
				<div id="connect">
					<a href="http://pinterest.com/fwtemplates/" target="_blank" class="pinterest"></a> <a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a>
				</div>
			</div>
			
		</div>
	</div>
</body>
</html>